#{extends 'main.html' /}
#{set title:'Home' /}

#{set 'moreStyles'}
<link href="@{'/public/jquery-ui/smoothness/jquery-ui-1.8.16.custom.css'}" rel="stylesheet" type="text/css" />
#{/set}

#{set 'moreScripts'}
<script src="@{'/public/jquery-ui/jquery-ui-1.8.16.custom.min.js'}" type="text/javascript" charset="${_response_encoding}"></script>
<script type="text/javascript">
	$(document).ready(function() {
		$( "#users" ).accordion({animated:true, collapsible: true});
	});
</script>
#{/set}

	<div id="users">
		#{list items:users, as:'user'}
			<h3><a href="#">Usuario: ${user.profile.firstName}</a></h3>
			<div>
				#{user_roles roles:roles, user:user /}
			</div>
		#{/list}
	</div>
</div>
</div>